<!-- 今日作业 -->
<script lang="ts" setup>
defineOptions({ name: 'TodayWork' });
</script>

<template>
  <div bg="#fff" flex="~ col" p="x-30px t-24px b-12px" of="hidden">
    <div flex="~ justify-between" text="#303133 20px" font="bold" pb="12px">
      <span>今日作业</span>
    </div>
    <div flex="~">
      <el-button text type="primary">今日特殊作业</el-button>
      <el-button text>隐患整改</el-button>
      <el-button text>装置开停车和大检修</el-button>
      <div flex="1 ~ justify-end" p="b-12px">
        <el-button text un-text="#409EFF!">
          查看更多
          <el-icon class="i-material-symbols:chevron-right-rounded" text="26px!" />
        </el-button>
      </div>
    </div>
    <el-table border :data="Array.from({ length: 5 }).fill({ a: 'A区域动火作业' })">
      <el-table-column label="作业名称" prop="a" />
      <el-table-column label="作业类型" prop="a" />
      <el-table-column label="区域/地点" prop="a" />
      <el-table-column label="实施时间" prop="a" />
      <el-table-column label="作业负责人" prop="a" />
      <el-table-column label="验收人" prop="a" />
      <el-table-column label="作业状态" prop="a" />
    </el-table>
    <div p="t-12px" flex="~ justify-end">
      <el-button un-size="32px!">
        <el-icon class="i-material-symbols:chevron-left-rounded" />
      </el-button>
      <el-button un-size="32px!">
        <el-icon class="i-material-symbols:chevron-right-rounded" />
      </el-button>
    </div>
  </div>
</template>
